<template>
    <div>
        <span>加载中</span>
        <span class = 'dot'>......</span>
    </div>
</template>

<script>
export default {
    mounted(){
        let span = document.querySelector('.dot');
        // console.log(span)
        let num = 0;
        span.innerHTML = '';
        let timeout = setInterval(() => {
            num ++ ;
            span.innerHTML += '.';
            if(num >6) {
                num = 0;
                span.innerHTML = '';
            }
        }, 200);
    }
}
</script>

